<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <div th:include="common/common_libs :: commoncss(manage)" th:remove="tag"/>
</head>

<body>

<nav class="navbar navbar-fixed-top bg-primary dn">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="">系统管理</a>
        </div>
    </div>
</nav>

<div class="manage-layout-left bg-primary">
    <ul class="nav nav-sidebar">
        <li class="active" shiro:haspermission="/manage/index">
            <a href="/manage/index">
                <i class="glyphicon glyphicon-home"></i>
                <span>首页</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/user/index">
            <a href="/manage/user/index">
                <i class="glyphicon glyphicon-user"></i>
                <span>用户管理</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/role/index">
            <a href="/manage/role/index">
                <i class="iconfont icon-shejishi"></i>
                <span>角色管理</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/func/index">
            <a href="/manage/func/index">
                <i class="glyphicon glyphicon-th"></i>
                <span>功能管理</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/auth/index">
            <a href="/manage/auth/index">
                <i class="iconfont icon-dingdan"></i>
                <span>功能权限管理</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/auth/scope/index">
            <a href="/manage/auth/scope/index">
                <i class="iconfont icon-dingdan"></i>
                <span>数据权限管理</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/notice/index">
            <a href="/manage/notice/index">
                <i class="glyphicon glyphicon-list-alt"></i>
                <span>公告管理</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/log/index">
            <a href="/manage/log/index">
                <i class="iconfont icon-rili"></i>
                <span>日志管理</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/onlineuser/index">
            <a href="/manage/onlineuser/index">
                <i class="iconfont icon-rili"></i>
                <span>在线用户管理</span>
            </a>
        </li>
        <li shiro:hasPermission="/manage/db/index">
            <a href="/manage/db/index">
                <i class="glyphicon glyphicon-oil"></i>
                <span>数据库管理</span>
            </a>
        </li>
    </ul>
</div>

<div class="manage-layout-right">
    <div layout:fragment="content" th:remove="tag"></div>
</div>

<script>
    $(function () {
        $('.manage-layout-left').niceScroll({
            cursorcolor: "#ccc",//#CC0071 光标颜色
            cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
            touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
            cursorwidth: "5px", //像素光标的宽度
            cursorborder: "0", // 游标边框css定义
            cursorborderradius: "5px",//以像素为光标边界半径
            autohidemode: true //是否隐藏滚动条
        });
    });
</script>

</body>
</html>